import React from "react";
import "./Player.scss";
import Vinyl from "./Vinyl";
import MusicConsole from '../../MusicConsole'
import { useEffect } from "react";
import { useNavigate } from "react-router-dom";
import Back from '../Components/Back'
export default function Player() {
  const navigate = useNavigate()
  useEffect(()=>{
    if (!localStorage.getItem("token")) {
      navigate("/login");
    } 
  },[])
  return (
    <div id="player">
      <Back/>
      <Vinyl />
      <MusicConsole />
    </div>
  );
}
